@width-form-left: 120px;
.form-row{
  margin-bottom: 15px;
  .form-text{
    float: left;
    width: @width-form-left;
    padding-top: 3px;
    text-align: right;
  }
  .form-text-lg{
    width: @width-form-left+10;
    margin-left: -10px;
  }
  .form-container{
    position: relative;
    margin-left: @width-form-left + 4;
    .text-danger{
      position: absolute;
      top:0;
      right: -10px;
      padding-top: 3px;
      font-weight: bold;
      font-style: normal;
    }
    .control-span{
      padding-top: 3px;
      display: inline-block;
      max-width: 100%;
      vertical-align: text-top;
      max-height: 85px;
      overflow: hidden;
    }
  }
}
.form-row-sm{
  margin-bottom: 10px;
}
.form-row-xs{
  margin-bottom: 6px;
  .form-text{
    //padding-top: 0px;
  }
}
.has-feedback a.form-control-feedback{
  width: 26px;
  pointer-events: all;
  cursor: pointer;
  color: #666;
  line-height: 24px;
}
.form-control.form-width70{
  width: 70px;
}
.form-control.form-width100{
  width: 100px;
}
.form-control.form-width120{
  width: 120px;
}
.form-control.form-width150{
  width: 150px;
}
.form-control.form-width200{
  width: 200px;
}
.form-control.form-width300{
  width: 300px;
}
.form-control.form-width400{
  width: 400px;
}
.form-control.form-width500{
  width: 500px;
}
.form-control.form-width600{
  width: 600px;
}

input.error,
select.error,
textarea.error {
  border:1px solid #f00;
  color:#f00;
  // 给出错的 input 一个简单的动画闪烁效果
  animation: anim-error 1500ms;
}
label.error{
  color:#f00;
}
@keyframes anim-error {
  0%, 10%, 30%, 50%, 70%, 90% {
    border-color: #ccc;
    color: #333;
  }
  20%, 40%, 60%, 80%, 100% {
    border:1px solid #f00;
    color:#f00;
  }
}
// tr td{
//   text-align: center;
// }
